/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2024 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
@layer components {
  .dbv-kit-button {
    --dbv-kit-btn-padding-inline: 15px;
    --dbv-kit-btn-outline-color: var(--theme-primary);
    --dbv-kit-control-disabled-foreground: #3535355e;
    --dbv-kit-control-disabled-background: #3535351f;

    --dbv-kit-btn-primary-background: var(--theme-primary);
    --dbv-kit-btn-primary-background-hover: color-mix(in srgb, var(--theme-primary), white 10%);
    --dbv-kit-btn-primary-background-active: color-mix(in srgb, var(--theme-primary), white 25%);

    --dbv-kit-btn-primary-foreground: var(--theme-on-primary);
    --dbv-kit-btn-primary-foreground-hover: var(--theme-on-primary);
    --dbv-kit-btn-primary-foreground-active: var(--theme-on-primary);
    --dbv-kit-btn-primary-border-color: var(--theme-primary);

    --dbv-kit-btn-secondary-background: transparent;
    --dbv-kit-btn-secondary-background-hover: color-mix(in srgb, transparent, var(--theme-primary) 5%);
    --dbv-kit-btn-secondary-background-active: color-mix(in srgb, transparent, var(--theme-primary) 20%);
    --dbv-kit-btn-secondary-foreground: var(--theme-link-color);
    --dbv-kit-btn-secondary-foreground-hover: var(--theme-link-color);
    --dbv-kit-btn-secondary-foreground-active: var(--theme-link-color);
    --dbv-kit-btn-secondary-border-color: var(--theme-link-color);

    --dbv-kit-btn-danger-background: var(--theme-negative);
    --dbv-kit-btn-danger-background-hover: color-mix(in srgb, var(--theme-negative), white 10%);
    --dbv-kit-btn-danger-background-active: color-mix(in srgb, var(--theme-negative), white 25%);

    --dbv-kit-btn-ghost-foreground: var(--theme-link-color);
    --dbv-kit-btn-ghost-foreground-hover: var(--theme-link-color);
    --dbv-kit-btn-ghost-foreground-active: var(--theme-link-color);
    --dbv-kit-btn-ghost-background: transparent;
    --dbv-kit-btn-ghost-background-hover: color-mix(in srgb, transparent, var(--theme-primary) 5%);
    --dbv-kit-btn-ghost-background-active: color-mix(in srgb, transparent, var(--theme-primary) 20%);
    --dbv-kit-btn-ghost-border-color: transparent;

    min-width: 64px;

    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    font-weight: 500;
    letter-spacing: 0.0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 1;
  }

  .theme-dark .dbv-kit-button {
    --dbv-kit-control-disabled-foreground: #ffffff5e;
    --dbv-kit-control-disabled-background: #ffffff1f;
  }
}
